<!-- header -->
<?php echo $this->element('landing/header'); ?>
<!-- / header -->
<section id="content">
    <?php
    $msg_type = $this->Session->read('msg_type');
    $flash_msg = $this->Session->read('Message');
    $form_background = "bg-dark";
    $form_background_msg = "Login to get started!";
    if(isset($flash_msg['flash'])){
        $form_background = "bg-danger";
        if($msg_type == 'success'){
            $form_background = "bg-success";
        }
        $form_background_msg = $flash_msg['flash']['message'];
        $controller->Session->delete('Message');
    }
    ?>
    <div class="<?php echo $form_background;?> lt">
        <div class="container">
            <div class="m-b-lg m-t-lg">
                <h3 class="m-b-none" style="display: inline"><?php echo $form_background_msg;?></h3>
                <!--<small class="text-muted">Killer features you need know</small>-->
                <?php echo $this->Form->create('StudentUser', array('id' => 'form-signin', 'class' => 'form-inline  navbar-right', 'style'=>'margin-top:10px;','inputDefaults' => array('label' => false,'div' => false)));?>
                <!--<form class="form-inline  navbar-right" role="form">-->
                    <div class="form-group">
                        <label class="sr-only" for="exampleInputEmail2">Username</label>
                        <?php echo $this->Form->input('username', array('id'=>'username', 'class' => 'form-control rounded', 'required'=>'','placeholder'=>'Username','div' => false, 'label' => false,)); ?>
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="exampleInputPassword2">Password</label>
                        <?php echo $this->Form->input('password', array('type'=>'password','id'=>'password', 'class' => 'form-control rounded', 'required'=>'','placeholder'=>'Password','div' => false, 'label' => false,)); ?>
                    </div>
                    <!--<div class="checkbox m-l-xs m-r-xs">
                        <label>
                            <input type="checkbox"> Remember me
                        </label>
                    </div>-->
                    <button type="submit" class="btn btn-info">Sign in</button>
                    <a href="<?php echo $this->Html->url(array('controller' => 'Student', 'action' => 'forgot_password')); ?>" class="btn btn-success" data-toggle="modal">Forgot Password</a>
                <!--</form>-->
                <?php echo $this->Form->end();?>
            </div>
        </div>
    </div>
    <!--<div class="bg-white b-b b-light">
        <div class="container">
            <ul class="breadcrumb no-border bg-empty m-b-none m-l-n-sm">
                <li><a href="landing.html">Home</a></li>
                <li class="active">Features</li>
            </ul>
        </div>
    </div>-->
    <div>
        <div class="container m-t-xl">
            <div class="row">
                <div class="col-sm-7">
                    <h2 class="font-thin m-b-lg">Student App <span class="text-primary"></span> <span class="text-primary">Authentication</span></h2>
                    <p class="h4 m-b-lg l-h-1x">Login as a student and perform the following functions no matter where you are and on a any smart device you own.
                    </p>
                    <div class="row m-b-xl">
                        <div class="col-sm-6"><i class="fa fa-fw fa-angle-right"></i>Pay Fees</div>
                        <div class="col-sm-6"><i class="fa fa-fw fa-angle-right"></i>Transaction History</div>
                        <div class="col-sm-6"><i class="fa fa-fw fa-angle-right"></i>Purchase Items</div>
                        <div class="col-sm-6"><i class="fa fa-fw fa-angle-right"></i>Edit Your Profile</div>
                        <div class="col-sm-6"><i class="fa fa-fw fa-angle-right"></i>Take Notes</div>
                        <div class="col-sm-6"><i class="fa fa-fw fa-angle-right"></i>Schedule Reminder</div>
                    </div>
                    <p class="clearfix">&nbsp;</p>
                    <div class="row m-b-xl">
                        <div class="col-xs-2"><i class="fa fa-desktop fa-4x icon-muted"></i></div>
                        <div class="col-xs-2"><i class="fa fa-plus icon-muted m-t"></i></div>
                        <div class="col-xs-2"><i class="fa fa-tablet fa-4x icon-muted"></i></div>
                        <div class="col-xs-2"><i class="fa fa-plus icon-muted m-t"></i></div>
                        <div class="col-xs-2"><i class="fa fa-mobile fa-4x icon-muted"></i></div>
                    </div>
                </div>
                <div class="col-sm-5 text-center">
                    <section class="panel bg-dark inline aside-md no-border device phone animated fadeInRightBig">
                        <header class="panel-heading text-center">
                            <i class="fa fa-minus fa-2x icon-muted m-b-n-xs block"></i>
                        </header>
                        <div class="m-l-xs m-r-xs">
                            <div class="carousel auto slide" id="c-fade" data-interval="3000">
                                <div class="carousel-inner">
                                    <div class="item active text-center">
                                        <?php echo $this->Html->image('phone-2.png',array('class'=>'img-full')); ?>
                                    </div>
                                    <div class="item text-center">
                                        <?php echo $this->Html->image('phone-1.png',array('class'=>'img-full')); ?>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <footer class="bg-dark text-center panel-footer no-border">
                            <i class="fa fa-circle icon-muted fa-lg"></i>
                        </footer>
                    </section>
                </div>
            </div>
        </div>
    </div>
    <div class="b-t b-light pos-rlt bg-white">
        <div class="container">
            <p class="m-t-xl m-b-xl"> </p>
        </div>
    </div>
</section>